<template>
    <div class="register">
        <LoginHeader></LoginHeader>
        <Logo></Logo>
        <Form></Form>
     
        <div class="checkbox">
            <label>
                <span class="check">
                    <input type="checkbox"> 
                </span>
                <span class="statement">
                    我同意
                    <a>《服务条款》</a> 
                    和 
                    <a>《网易隐私政策》</a>
                </span>
            </label>
        </div>
    </div>

</template>
<script>
import LoginHeader from "components/common/Login/LoginHeader"
import Logo from "components/common/Login/Logo"
import Form from "components/common/Login/Form"


export default {
    components: {
        LoginHeader,
        Logo,
        Form
    }
}
</script>
<style lang="stylus" scoped>
    
    .checkbox
        padding 0 .15rem
        color #999

        label 
            display flex
            padding 0
            align-items center
            .check
                display inline-block
                height .16rem
                width .16rem
                border 1px solid #aaaaaa
                background url(//urswebzj.nosdn.127.net/webzj_cdn101/sprite_61fbe151ab715649c6b7c4ec39156201.png) -3.3rem -.92rem no-repeat
                margin 0 .09rem 0 0
                input 
                    margin 0
                    border 0
                    outline 0
                    opacity 0
            .statement
                display inline-block
                line-height .2rem
                // padding-bottom .03rem
                a
                    color #999
                    text-decoration none
        
            







</style>